<template>
    <el-menu
      :default-active="$route.path"
      class="menu_nav"
      background-color="#002033"
      text-color="#fff"
      active-text-color="#409EFF"
      :collapse-transition="false"
      router
      :collapse="isCollapse"
    >
       <el-menu-item>
        <!-- <i class="iconfont icon-fangzi2"></i> -->
        <span class="title" slot="title">好客租房找房·管理系统</span>
      </el-menu-item>
      <el-menu-item index="/">
        <i class="iconfont icon-shouye"></i>
        <span slot="title">首页</span>
      </el-menu-item>
      <el-menu-item index="/houseinfo">
      <i class="iconfont icon-fangyuan-fangyuan"></i>
        <span slot="title">房源信息</span>
      </el-menu-item>
      <el-menu-item index="/manage">
        <i class="iconfont icon-fabufangyuan"></i>
        <span slot="title">房源管理</span>
      </el-menu-item>
      <el-menu-item index="/collect">
        <i class="iconfont icon-shoucangfangyuan"></i>
        <span slot="title">收藏房源</span>
      </el-menu-item>
      <el-menu-item index="/publish">
        <i class="iconfont icon-fangyuanfabu"></i>
        <span slot="title">发布房源</span>
      </el-menu-item>
      <el-menu-item index="/setting">
      <i class="iconfont icon-shezhi"></i>
        <span slot="title">个人设置</span>
      </el-menu-item>
    </el-menu>
</template>

<script>
export default {
  name: 'AsideMenu',
  props: ['is-collapse'],
  data () {
    return {
    }
  },

  mounted () {

  },

  methods: {

  }
}
</script>

<style scoped>
.menu_nav .iconfont {
  margin-right: 10px;
}
.iconfont {
  color: #fff;
  font-size: 20px;
}
.title {
  color: #fff;
  font-size: 18px;
}
</style>
